.topSlideBox {
    display: flex;
    align-items: center;
}
.show {
    z-index: 1;
}
.hide {
    opacity: 0;
    width: 0%;
    z-index: -1;
}
.item-bg {
    display: flex;
    align-items: center;
    padding: 0.81rem 1rem 0.94rem 0.2rem;
}
.item {
    font-size: 1rem;
    color: #7e838c;
    padding: 0.8rem;
}
.item-checked {
    font-size: 1rem;
    font-weight: bold;
    color: #252629;
}
.tab-checked {
    font-weight: bold;
}
.hideTab {
    height: 0.1px;
    width: 0.1px;
}
.hidden-span {
    width: 0.01px;
    height: 0.01px;
}

ion-segment {
    --color-checked: black;
    height: 2.75rem;
    position: relative;
    flex: 8;
    justify-content: flex-start !important; // 兼容低版本安卓手机
    width: calc(100vw - 3.13rem) !important;
}

ion-segment-button {
    background-color: rgba(255, 255, 255, 1);
    text-transform: none;
    color: #666666;
    font-size: 1rem;
}

.ios ion-segment-button {
    border: 0;
}

ion-segment-button.segment-button-checked {
    background-color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    font-weight: bold;
    color: rgba(15, 15, 15, 1);
}
.bar {
    width: 1.63rem;
    height: 0.25rem;
    background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
    border-radius: 0.13rem;
    position: absolute;
    bottom: 0;
}
ion-segment-button span {
    display: block;
    margin-bottom: 0.3125rem;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

ion-segment-button:first-child span {
    margin-left: 1.25rem;
}

ion-thumbnail {
    background-color: blanchedalmond;
}

ion-thumbnail {
    border-radius: 7px;
    padding: 2px;
}

.segment-img {
    width: 9vw;
    height: 9vw;
    display: block;
    margin-top: 10px;
    margin-bottom: 3px;
}

.sc-ion-card-ios-h {
    margin: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.segment-img-link {
    height: 1rem;
    width: 1rem;
    margin-right: 1.25rem;
    margin-top: 0.775rem;
    margin-bottom: 0.9rem;
    margin-left: 0.875rem;
}

.alignRightToLeft {
    flex: 3;
}
.alignLeftToRight {
    --margin-start: -2rem;
    flex: 3;
}

.checkSlide {
    width: 1.63rem;
    height: 0.25rem;
    background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
    border-radius: 0.13rem;
}

.arrowBox {
    height: 2.75rem;
    width: 3.13rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    position: absolute;
    right: 0;
}

.arrowIcon {
    height: 1.13rem;
    width: 1.13rem;
}

.upIcon {
    height: 1.13rem;
    width: 1.13rem;
}

.topButton {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.81rem 1rem;
}

.bottomSlideBox {
    display: none;
    overflow: hidden;
}

.bottomBox {
    display: flex;
    flex-wrap: wrap;
    width: calc(100vw - 2rem);
    justify-content: flex-start;
}

.bottomBoxBtnNormal {
    height: 2rem;
    background: #f5f5f5;
    border-radius: 1rem;
    font-size: 0.81rem;
    font-weight: 400;
    color: #808080;
    padding: 0.5rem 0.88rem;
    margin-right: 0.5rem;
    display: flex;
    flex-shrink: 0;
    margin-bottom: 0.5rem;
    width: calc((100vw - 4rem) / 4);
    justify-content: center;
}

.btnCheck {
    background: #fff4cc;
    font-size: 0.81rem;
    font-weight: bold;
    color: #ff9500;
}
.bottom-hiddenPane {
    background-color: rgba(15, 15, 15, 0.5);
    height: 100vh;
}

.slideBox {
    width: 1.25rem;
    height: 0.25rem;
    background: transparent;
    border-radius: 0.13rem;
    margin-top: 0.13rem;
}

.checkYellow {
    background: linear-gradient(90deg, #ffdb3b 0%, #ffc73b 100%);
}

.verticalBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.normalTitle {
    line-height: unset;
}

.bottomOutBox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.newFontStyle {
    font-size: 0.9375rem;
}

.tabBarLocation {
    z-index: 1000 !important;
}
::ng-deep.bar-top-class {
    border-bottom: unset !important;
    background-color: #f8f8fa !important;
}